<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form表单</title>
</head>
<body>
<!--
form中的属性
action：表单中的元素被提交的位置
method：
01.get 我们输入的元素内容会在url中显示    不安全
02.post url中不会显示我们的输入   相对来说安全

input 表中
name的值：是在我们服务器获取用户输入的时候使用的
根据name的值 获取value属性的值

placeholder：占位符 如果用户没有输入    就会出现默认的值

type的值
01. text：文本输入框
02. password：密码输入框
03. submit：提交的按钮
04. button：普通的按钮，不具有提交的功能
05. reset：表单重置  清空用户所有的输入   不会清空默认值 必须在form表单中  才有意义
06. radio：单选按钮  必须设置name属性值 而且属性值必须一致
07. hidden：隐藏域 页面上不会显示  但是如果提交到服务器 肯定会获取这个隐藏域的值

属性
checked="checked" 只能在单选和复选框中 使用
size：文本框的显示长度
maxlength：限制用户输入的长度
-->

<form action="#" method="post">
    用户名：<input type="text" name="userName" placeholder="请输入您的用户名"><br/>
    密码：<input type="password" name="pwd"><br/>

    性别：
    <input type="radio" name="sex" checked="checked">男
    <input type="radio" name="sex">女<br/>

    爱好：
    <input type="checkbox" name="love" checked="checked">足球
    <input type="checkbox" name="love">篮球
    <input type="checkbox" name="love">乒乓球<br/>

    请选择文件：<input type="file"><br/>
    月份：<select>
            <option>请选择</option>
            <option selected="selected">1月份</option>
            <option>2月份</option>
            <option>3月份</option>
            <option>4月份</option>
            <option>5月份</option>
            <option>6月份</option>
            <option>7月份</option>
            <option>8月份</option>
            <option>9月份</option>
            <option>10月份</option>
            <option>11月份</option>
            <option>12月份</option>
         </select><br/>

    协议：<textarea rows="5" cols="5"></textarea><br/>
    
    隐藏域：<input type="hidden" name="age" value="5"><br/>

    <input type="submit"><br/>
    <input type="button" value="普通按钮"><br/>
    <input type="reset"><br/>
</form>

</body>
</html>